<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Lenovos 首页</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="联想电脑">
    <link href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.slides.min.js"></script>
    <script type="text/javascript" src="js/jquery.tab.js"></script>
    <script type="text/javascript" src="js/index.js"></script>



</head>

<body>
<div class="hearder">
    <div class="hearder-con">
        <ul>        <!--左边的nav-->
            <li><a href="#">个人及家用产品解决方案</a> </li>
            <li><a href="#">商用产品及解决方案</a> </li>
            <li><a href="#">企业级产品及解决方案</a> </li>
            <li><a href="#">服务与支持</a></li>
            <li><a href="#">聚享汇会员专享</a> </li>
        </ul>
        <div class="right">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li id="border-no"><a href="#">购物车</a>
                 <span>0</span>
                </li>
            </ul>
        </div>
        <div class="hearder-box">
            社交平台
            <a href="#" id="bg"></a>
            <div class="hide-nav">
                <ul>
                    <li><a href="#"><span class="bg-1"></span>联想官方微博</a></li>
                    <li><a href="#"><span class="bg-1 b2"></span>杨庆元微博</a></li>
                    <li><a href="#"><span class="bg-1 b3"></span>联想官方微信</a></li>
                    <li><a href="#"><span class="bg-1 b4"></span>拜贴吧联想吧</a></li>
                    <li><a href="#"><span class="bg-1 b5"></span>联想下去部落</a></li>
                    <li><a href="#"><span class="bg-1 6"></span>联想QQ空间</a></li>
                    <li><a href="#"><span class="bg-1 b7"></span>联想官方社区</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
            <!--头部的 html-end-->

<div class="content">
 <div class="logo-box">
     <h3></h3>
     <div class="input-r">
         <form action="#" method="post">
         <input type="text"  name="text" placeholder="请输入" id="text" />
         <input type="button" value="提交" id="button" />
         </form>
     </div>
 </div>
        <!--搜素 结束-->

 <div class="nav-box-1">
     <span><a href="#">首页</a></span>
     <span class="hide-nav"><a href="#">爆款</a>
       <ul class="h90">
           <li><a href="#">V4000(Win10升级版)</a></li>
           <li><a href="#">小新300</a></li>
           <li><a href="#">拯救者游戏本</a></li>
       </ul>
     </span>
     <span><a href="#">以旧换新</a></span>
     <span><a href="#">游戏专区</a></span>
     <span><a href="#">中小企业</a></span>
     <span><a href="#">Lenovo PC社区</a></span>
     <span><a href="#">联想合伙人</a></span>
 </div>
    <!--hide-nav 结束-->
<div class="logo-main">
    <div class="left">
        <h2><a href="#">Lenovo电脑分类</a></h2>
         <div class="news">
             <h3><a href="#">笔记本</a></h3>
             <div class="news-box">
                 <span><a href="#">常规笔记本</a></span>
                 <span><a href="#">超轻薄笔记本</a></span>
                 <span><a href="#">互联网爆款</a></span>
                 <span><a href="#">游戏本</a></span>
                 <span><a href="#">变形笔记本</a></span>
             </div>

         </div>
        <div class="news">
            <h3><a href="#">台式机</a></h3>
            <div class="news-box">
                <span><a href="#">一体台式机</a></span>
                <span><a href="#">分体台式机</a></span>
            </div>

        </div>

    </div>

    <div class="right">
        <!--<div id="banner -s">
            <ul id="slides-box">
                <!--
                    作者：2634891181@qq.com
                    时间：2016-06-01
                    描述：
                    <a class="slidesjs-previous slidesjs-navigation" href="#" title="Previous"> ddd </a>
                    <a class="slidesjs-next slidesjs-navigation" href="#" title="Next"> ddd </a>

                <a class="slidesjs-previous slidesjs-navigation" href="#" title="Previous"> </a>
                <a class="slidesjs-next slidesjs-navigation" href="#" title="Next"></a>
                <li><img src="images/logo-5.jpg" /> </li>
                <li><img src="images/logo-2.jpg" /> </li>
                <li><img src="images/logo-3.jpg" /> </li>
                <li><img src="images/logo-4.jpg" /> </li>
                <li><img src="images/logo-1.jpg" /> </li>
            </ul>
        </div> -->
       <div id="banner-s">
            <ul id="slides-box">
                <!--
                    作者：2634891181@qq.com
                    时间：2016-06-01
                    描述：
                    <a class="slidesjs-previous slidesjs-navigation" href="#" title="Previous"> ddd </a>
                    <a class="slidesjs-next slidesjs-navigation" href="#" title="Next"> ddd </a>
                    -->

                <a class="slidesjs-previous slidesjs-navigation" href="#" title="上一张"> </a>
                <a class="slidesjs-next slidesjs-navigation" href="#" title="下一张"></a>
               <li><img src="images/logo-2.jpg" /> </li>
                <li><img src="images/logo-5.jpg" /> </li>
                <li><img src="images/logo-3.jpg" /> </li>
                <li><img src="images/logo-4.jpg" /> </li>
                <li><img src="images/logo-1.jpg" /> </li>

            </ul>
        </div>
    </div>
    <div class="wi"><a href="#"><img src="images/windows10.jpg" /></a></div>
    <!--right logo滚动--->
</div>

<div class="hot">
    <h3>今日热门</h3>
    <div class="hot-con">
        <div class="left">
            <div class="news-box">
                <div class="name"><a href="#">YOGA 4 Pro(YOGA 900)-13-ISE(银色)</a></div>
                <div class="con"><a href="#">精致外观 性能强劲</a></div>
                <div class="price">11,999</div>
            </div>
            <div class="box-jpg"><a href="#"><img src="images/j-1.jpg" title="YOGA 4 Pro(YOGA 900)-13-ISE(银色)" /> </a></div>
            <div class="bg"></div>
        </div>
        <div class="right">
            <div class="news-box">
                <div class="name"><a href="#">Y700 I7-6700HQ（旗舰版）</a></div>
                <div class="con"><a href="#">GTX960M专业游戏显卡</a></div>
                <div class="price">8,799</div>
            </div>
            <div class="box-jpg"><a href="#"><img src="images/j-2.jpg" title="Y700 I7-6700HQ（旗舰版）" /> </a></div>
            <div class="bg posi"></div>
        </div>
        <div class="con-box">
            <div class="top-jpg">
                <a href="#"><img src="images/hot-1.jpg" /> </a>
            </div>
            <div class="news-box m">
                <div class="name"><a href="#">LenovoU41-70-IFI(象牙白)</a></div>
                <div class="con"><a href="#">下单立减300元</a></div>
                <div class="price">3,799元</div>
            </div>
            <div class="bg t3"></div>
        </div>
        <div class="con-box">  <div class="top-jpg">
            <a href="#"><img src="images/hot-2.jpg" /> </a>
        </div>
            <div class="news-box m">
                <div class="name"><a href="#">天逸100-15英寸(i5 1G独显 DVD)</a></div>
                <div class="con"><a href="#">轻薄时尚 性能强劲</a></div>
                <div class="price">3,399元</div>
            </div>
            <div class="bg t4"></div></div>
        <div class="con-box">  <div class="top-jpg">
            <a href="#"><img src="images/hot-3.jpg" /> </a>
        </div>
            <div class="news-box m">
                <div class="name"><a href="#">Erazer X310 I341704GSD120G-D（单</a></div>
                <div class="con"><a href="#">游戏主机 炫酷外观</a></div>
                <div class="price">3,299元</div>
            </div>
            <div class="bg t5"></div></div>
        <div class="con-box mx">  <div class="top-jpg">
            <a href="#"><img src="images/hot-4.jpg" /> </a>
        </div>
            <div class="news-box m">
                <div class="name"><a href="#">C560 I34170T4G1TGRW-10(黑色)</a></div>
                <div class="con"><a href="#">23英寸大屏独显</a></div>
                <div class="price">4,199元</div>
            </div>
            <div class="bg t6"></div></div>
    </div>
</div>
    <!--   end--->
<div class="shadow">
    <a href="#"><img src="images/x1.jpg" /> </a>
    <a href="#"><img src="images/x2.jpg" /> </a>
    <a href="#"><img src="images/x3.jpg" /> </a>
    <a href="#"><img src="images/x4.jpg" /> </a>
</div>

<div class="help_sel">
    <h3>帮你选</h3>
    <div class="tab-box1">
        <div id="bbb">
            <div class="tab_menu">
                <ul>
                    <li class="tab_selected x">笔记本</li>
                    <li class="y">台式机</li>
                </ul>
            </div>
            <div class="tab_box">
                <div style="display: block;">
                    <div class="a1">
                        <span>
                        <h3>属于你的标签</h3>
                            <div class="label">
                                <a href="#">校园学生</a>
                                <a href="#">时尚女生</a>
                                <a href="#">家庭娱乐</a>
                                <a href="#">商务办公</a>
                                <a href="#">高清游戏</a>
                                <a href="#">轻薄便携</a>
                            </div>
                        </span>
                    </div>
                </div>
                <div class="a2">
                     <span>
                        <h3>属于你的标签</h3>
                            <div class="label">
                                <a href="#">商务办公</a>
                                <a href="#">家庭娱乐</a>
                                <a href="#">随心触控</a>
                                <a href="#">疯狂游戏</a>
                                <a href="#">健康学习</a>
                                <a href="#">绚丽大屏</a>
                            </div>
                        </span>
                </div>
            </div>
        </div>
        <div class="b-news">
            <h3>选择你的计算</h3>
            <div class="b">
                <a href="#">0-2999</a>
                <a href="#">3000-3999</a>
                <a href="#">4000-4999</a>
                <a href="#">5000-6999</a>
                <a href="#">7000-9999</a>
                <a href="#">10000以上</a>
            </div>

        </div>
    </div>
    <!--           end          --->
    <div class="box-img">
        <ul>
            <li><a href="#" title="图片"><img src="images/a1.jpg"/> </a> </li>
            <li><a href="#" title="图片"><img src="images/a2.jpg"/> </a> </li>
            <li><a href="#" title="图片"><img src="images/a3.jpg"/> </a> </li>
        </ul>
    </div>
    <div class="news-box">
        <h3>新品专区</h3>
        <ul class="zho">
            <li>
                <a href="#" title="专区"><img src="images/a4.jpg" /></a>
            </li>
            <li>
                <a href="#" title="专区2"><img src="images/a5.jpg" /></a>
            </li>
        </ul>
    </div>
    <div class="name">
        <h3 id="znn">新品试用</h3>
        <a href="#" title="试用"><img src="images/a6.jpg" /> </a>
    </div>
</div>

</div>
<div class="belong">
     <h3>官网专区</h3>
    <div class="be-con1">
        <h3>火热特促</h3>
           <a href="#" title="明星"><img src="images/mx.jpg" /> </a>
    </div>
    <div class="be-con2">
        <h3>
            专属延保
         <span><a href="#">更多></a></span>
        </h3>
            <ul class="be-box">
                <li>
                    <div class="be-img">
                        <a href="#"><img src="images/a7.jpg" /> </a>
                    </div>
                    <div class="be-name">
                        <a href="#">联想笔记本延长1年保修</a>
                    </div>
                    <div class="price">
                        289元
                    </div>
                </li>
                <li>
                    <div class="be-img">
                        <a href="#"><img src="images/a8.jpg" /> </a>
                    </div>
                    <div class="be-name">
                        <a href="#">联想笔记本1年免费上门</a>
                    </div>
                    <div class="price">
                        99元
                    </div>
                </li>
            </ul>
        <h3 style="margin-top: 7px; background: #f1b04f;">
            以旧换新
            <span><a href="#">更多></a></span>
        </h3>
        <ul class="be-box">
            <li>
                <div class="be-img">
                    <a href="#"><img src="images/a9.jpg" /> </a>
                </div>
                <div class="be-name">
                    <a href="#">IdeaPad 700S-14ISK-6Y30</a>
                </div>

            </li>
            <li>
                <div class="be-img">
                    <a href="#"><img src="images/a10.jpg" /> </a>
                </div>
                <div class="be-name">
                    <a href="#">YOGA 4 Pro(YOGA 900)-13-</a>
                </div>

            </li>
        </ul>

    </div>
    <div class="be-con3">
        <h3>
            联想合伙人
            <span><a href="#">更多></a></span>
        </h3>
        <ul>
            <li class="box-1" style="border-left: 1px solid #e6e6e6;">
                <div class="box-img">
                    <a href="#"><img src="images/a10.jpg" /> </a>
                </div>
                <div class="box-name">
                    <a href="#">YOGA 4 Pro(YOGA 900)-13-</a>
                </div>
                <div class="box-price">
                    8,299元
                </div>
                <div class="gif">
                    合伙人奖励102
                </div>
            </li>
            <li class="box-1">
                <div class="box-img">
                    <a href="#"><img src="images/a11.jpg" /> </a>
                </div>
                <div class="box-name">
                    <a href="#">拯救者i5进取版(I)</a>
                </div>
                <div class="box-price">
                    4,799元
                </div>
                <div class="gif">
                    合伙人奖励65
                </div>
            </li>
            <li class="w100" style="border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;">
                <div class="left">
                    <a href="#" title="图"><img src="images/a12.jpg" /> </a>
                </div>
                <div class="right">
                    <div class="box-name">
                        <a href="#">小新出色版I2000 IRIS -草莓红(I)</a>
                    </div>
                    <div class="box-price">
                        4,399元
                    </div>
                    <div class="gif">
                        合伙人奖励54
                    </div>
                </div>

            </li>
        </ul>
    </div>

</div>

<div class="post">
 <h3>最新热贴</h3>
    <div class="box-post">
        <div class="left">
            <a href="#"><img src="images/post-1.jpg" /></a>
        </div>
        <div class="right">
            <h3>
                最新热帖
            <span><a href="#">更多></a></span>
            </h3>
            <a href="#" class="news">[晒单·评测] 超薄机身依然有强健的性能 联想ideaPad 700s的整机性能测试</a>
            <a href="#" class="news">[产品经理分享]Yoga 900 设计细节揭露 – 体会技术宅们的匠心</a>
            <a href="#" class="news">[晒单·评测]轻薄加颜值 全球最薄的14寸笔记本联想ideapad 700S外观详解</a>
        </div>
    </div>
</div>
 <div class="pic-box">
   <ul>
       <li><a href="#"><img src="images/post-2.jpg" /></a> </li>
       <li><a href="#"><img src="images/post-3.jpg" /></a> </li>
       <li><a href="#"><img src="images/post-4.jpg" /></a> </li>
       <li><a href="#"><img src="images/post-5.jpg" /></a> </li>
   </ul>
 </div>

<div style="width: 100%; background: #f5f5f5;">
    <span style="display: block; width: 1200px; margin: 0 auto;">
        <img src="images/foot-1.jpg" alt="logo">
    </span>
</div>
<div class="footer">
    <div class="nu-w-ns">
        <div class="nu-w-content">
            <ul>
                <li class="cl"><a>购物指南</a></li>
                <li><a href="#">服务商信息</a></li>
                <li><a href="#">购买流程</a></li>
                <li><a href="#">注册登录</a></li>
            </ul>
            <ul>
                <li class="cl"><a>配送方式</a></li>
                <li><a href="#">配送方式</a></li>
                <li><a href="#">配送方式信息</a></li>
                <li><a href="#">签收原则</a></li>
                <li><a href="#">物流查询</a></li>
            </ul>
            <ul>
                <li class="cl"><a>支付方式</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">支付问题</a></li>
                <li><a href="#">分期支付</a></li>
            </ul>
            <ul>
                <li class="cl"><a>订单信息</a></li>
                <li><a href="#">订单信息</a></li>
                <li><a href="#">其它频道订单发票</a></li>
                <li><a href="#">手机频道订单发票</a></li>
            </ul>
            <ul>
                <li class="cl"><a>售后服务</a></li>
                <li><a href="#">Lenovo频道商品售后</a></li>
                <li><a href="#">手机频道商品售后7天</a></li>
                <li><a href="#">无理由退换货说明</a></li>
                <li><a href="#">24小时在线客服</a></li>
            </ul>
            <ul style="padding-right: 0;">
                <li class="cl"><a>其他说明</a></li>
                <li><a href="#">服务承诺</a></li>
                <li><a href="#">账户安全</a></li>
                <li><a href="#">产品安全</a></li>
                <li><a href="#" class="bank">银行分期</a>

                </li>
            </ul>

        </div>

    </div>
    <div id="footer">
        <div class="foot-ins">
            <a href="#">关于联想</a><span> | </span>
            <a href="#">联系我们</a><span> | </span>
            <a href="#">工作机会</a><span> | </span>
            <a href="#">新闻中心</a><span> | </span>
            <a href="#">聚享汇会员专享</a><span> | </span>
            <a href="#">ZUK官网</a><span> | </span>
            <a href="#">联想社区</a><span> | </span>
            <a href="#">NBD</a><span> | </span>
            <a href="#">联想超融合</a><span> | </span>
            <a href="#"><span></span>销售网点</a><span> | </span>
            <a href="#"><span class="posi"></span>服务网点</a>
        </div>
        <div class="foot-ins2">
            <a>版权所有：1998-2016 联想集团</a><span> | </span>
            <a href="#">法律公告</a><span> | </span>
            <a href="#">隐私保护</a><span> | </span>
            <a href="#">京ICP备11035381</a><span> | </span>
            <a>京公网安备110108007970号</a><span> | </span>
            <a href="#">营业执照：110000410127232</a>

        </div>

    </div>
</div>
</body>
</html>